/* 防止图片闪一下 */
image {
	will-change: transform;
}

/* scroll-view x */
.scroll-row {
	width: 100%;
	white-space: nowrap;
}

.scroll-row-item {
	display: inline-block;
}

/* 全局颜色 */
body {
	--primary: #ff3452;
	--borderColor: #ff3452;
	--base:#ff9101;
}

/* flex布局 */
.flex {display: flex;justify-content: center;align-items: center;}
.flex-1{flex: 1;}
.flex-column{flex-direction: column;}
.d-flex {
	display: flex;
}

.flex-shrink {
	flex-shrink: 0;
}

.j-start {
	justify-content: flex-start;
}

.j-center {
	justify-content: center;
}

.j-end {
	justify-content: flex-end;
}

.j-sb {
	justify-content: space-between;
}

.a-center {
	align-items: center;
}

.a-start {
	align-items: flex-start;
}

.a-end {
	align-items: flex-end;
}

.a-self-start {
	align-self: flex-start;
}

.a-self-end {
	align-self: flex-end;
}

.a-self-auto {
	align-self: auto;
}

.a-self-stretch {
	align-self: stretch;
}

.a-self-baseline {
	align-self: baseline;
}

/* 定位 */
.p-absolute {
	position: absolute;
}

.p-fixed {
	position: fixed;
}

.p-relative {
	position: relative;
}

.left-0 {
	left: 0;
}

.right-0 {
	right: 0;
}

.top-0 {
	top: 0;
}

.bottom-0 {
	bottom: 0;
}
.bottom-1{bottom: 10upx;}

/* border */
.border {
	border-width: 1upx;
	border-style: solid;
	border-color: var(--border-color);
}

.border-primary {
	border-color: var(--primary) !important;
}

/* radius */
.radius{border-radius: 50%;}
.bd-radius10{border-radius: 10upx;}
.bd-radius15{border-radius: 15upx;}
.bd-radius20{border-radius: 20upx;}
.bd-radius30{border-radius: 30upx;}
.bd-rad-left2{border-top-left-radius: 45upx;border-bottom-left-radius: 45upx;}
.bd-rad-right2{border-top-right-radius: 45upx;border-bottom-right-radius: 45upx;}
/* border-color */
.bd{border: 2upx solid transparent;}
.bd-color{border: 2upx solid var(--base);}
/* 背景色 */
.bg-black {
	background-color: black;
}
.bg-black2{background-color: #f4f5f5;}
.bg-logo{background-color: #9165f7;}
.bg-white{background-color: #FFFFFF;}
.bg-2{background-color: rgba(253, 238, 227,0.6);}
.bg-3{background-color: #ff9101;}
.bg-4{background-color: #fe5001;}

/* 文字颜色 */
.color-base {
	color: #FFB400;
}
.fc{color: #FFFFFF;}
.fcolor-1{color: #9b9b9b;}
.fcolor-3{color: #a9a9a9;}
.fc-black{color: #434343;}
.fc-black2{color: #bababa;}
.fcolor-2{color: #fd3f31;}
.fc-red1{color: #f25947;}
.fc-3{color: #fe5a0f;}

/* font-weight */
.fw-bold{font-weight: bold;}
/* 文字大小 */
.font {font-size: 25upx;}
.font-20 {font-size: 20upx;}
.font-30 {font-size: 30upx;}
.font-35 {font-size: 35upx;}
.font-40 {font-size: 40rpx;}
.font-50 {font-size: 50upx;}

.t-center {text-align: center;}
/* 文本 */
.text-through{
	text-decoration: line-through;
}
/* row */
.row {box-sizing: border-box !important;display: flex !important;flex-direction: row;flex-wrap: wrap;}

/* width */
.w-100 {width: 100%;}
.w-90 {width: 90%;}
.w-95 {width: 95%;}
.w-50 {width: 50%;}
.w-60 {width: 60%;}
.w-49 {width: 49%;}
.w-40 {width: 40%;}
.w-25 {width: 25%;}
.w-33 {width: 33%;}
.w-20 {width: 20%;}
.w-15 {width: 15%;}

/* height */
.h-100 {height: 100%;}
.h-50 {height: 50%;}
.h-1 {height: 10upx;}
.h-2 {height: 20upx;}
.h-3 {height: 30upx;}
.h-4 {height: 40upx;}
.h-bar {height: 90upx;}
.h-item{height: 60upx;}

/* margin */
.mt{margin-left: 5upx;}
.mt-1 {margin-top: 10upx;}
.mt-2 {margin-top: 20upx;}
.mt-3 {margin-top: 30upx;}
.mt-4 {margin-top: 40upx;}
.mb-1 {margin-bottom: 10upx;}
.mb-2 {margin-bottom: 20upx;}
.mb-3 {margin-bottom: 30upx;}
.mb-4 {margin-bottom: 40upx;}
.mb-9 {margin-bottom: 90upx;}

.ml-1 {margin-left: 10upx;}
.ml-2 {margin-left: 20upx;}
.ml-3 {margin-left: 30upx;}
.ml-4 {margin-left: 40upx;}
.mr-1 {margin-right: 10upx;}
.mr-2 {margin-right: 20upx;}
.mr-3 {margin-right: 30upx;}
.mr-4 {margin-right: 40upx;}
/* padding */
.pad-10{padding: 10upx;}
.pad-15{padding: 15upx;}
.pad-20{padding: 20upx;}
.pt-1 {
	padding-top: 10upx;
}

.pt-2 {
	padding-top: 20upx;
}

.pt-3 {
	padding-top: 30upx;
}

.pt-4 {
	padding-top: 40upx;
}
.pb-3{padding-bottom: 30upx;}
.pb-90{padding-bottom: 180upx;}

.px-1 {padding-left: 10upx;padding-right: 10upx;}
.px-2 {padding-left: 20upx;padding-right: 20upx;}
.px-4 {padding-left: 40upx;padding-right: 40upx;}
.py-1{padding-top: 10upx;padding-bottom: 10upx;}
.pt-2{padding-top: 20upx;padding-bottom: 20upx;}
/* box-sizing */
.border-box {box-sizing: border-box;}

/* clamp */
.clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* line-height */
.lh-1{line-height: 1.2;}

/* icon-size */
.icon-size1{
	font-size: 42upx;
	font-weight: 400;
}
/* display */
.d-none{display: none;}
.d-block{display: block;}